<!DOCTYPE html>
<html style="background-color:white">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>知识库管理平台</title>
  <link href="<%= BASE_URL %>static/joint/joint.min.css" rel="stylesheet">
  <script src="<%= BASE_URL %>static/joint/jquery.min.js"></script>
  <script src="<%= BASE_URL %>static/joint/lodash.min.js"></script>
  <script src="<%= BASE_URL %>static/joint/backbone.min.js"></script>
  <script src="<%= BASE_URL %>static/joint/joint.min.js"></script>
  <script src="<%= BASE_URL %>static/pace/1.0.2/pace.min.js"></script>
  <link href="<%= BASE_URL %>static/pace/1.0.2/themes/blue/pace-theme-flash.min.css" rel="stylesheet">
  <style>
    .paceCurtain {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2147483647 !important;
    }
  </style>
</head>

<body style="margin: 0px;">
  <div id="app"></div>
  <div id="curtainDiv" />
</body>
<script>
  Pace.times = 0
  Pace.on("start", function () {
    $('#curtainDiv').addClass('paceCurtain')
  })
  Pace.on("hide", function () {
    setTimeout(() => {
      $('#curtainDiv').removeClass('paceCurtain')
    }, 1000)
  })
</script>

</html>